<div fxLayout="column" fxFill class="fullscreen color-lightblack">
    <header class="app-header noshrink header-dark">
        <span id="printer-back-btn" class="i-arrow-back margin-l header-icon" (click)="goBack()"></span>
        <span fxFlex="100%" class="margin-l-xs">打印机</span>
    </header>
    <div fxFlex="100%" fxLayout="column">
        <md-list *ngIf="printers && printers.length" class="printer-list noshrink v-scroll" fxFlex="100%">
            <md-list-item (click)="printerDetail(printer)" *ngFor="let printer of printers">
                <div class="pct100">
                    <span>{{printer.name}}</span>
                    <span>{{ "（" + printer.address +"）"}}</span>
                </div>
                <span class="i-chevron-right"></span>
            </md-list-item>
        </md-list>
        <div class="text-s" fyLayout="row" fxLayoutAlign="center center" fxFlex="100%" *ngIf="!printers || !printers.length">
            当前终端还没有配置任何打印机
        </div>
        <button class="pct100 bgcolor-primary content-btn color-white noshrink" md-button (click)="addPrinter()">添加打印机</button>
    </div>
</div>